<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #info{
            width: 300px;
            height: 500px;
            background: #bfa;
            overflow: auto;
        }
    </style>
    <script>
        window.onload = function(){

            /*
            当垂直滚动挑滚动到底是表单项可用
            onscroll
                该事件会在元素的滚动条滚动时触发
            */
            
            var info =document.getElementById("info");
            
            var inputs = document.getElementsByTagName("input");
            //为其绑定一个滚动事件
            info.onscroll = function(){
                
                //检查滚动条是否滚动到底
                if(info.scrollHeight - info.scrollTop == info.clientHeight){
                    //滚到底表单可用
                    inputs[0].disabled = false;
                    inputs[1].disabled = false;
                }

            };
            

        };
    </script>
</head>
<body>
    <h3></h3>
    <p id="info">
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        亲爱的用户，阅读一下协议不看九不给
        
    </p>
    <input type="checkbox" disabled="disabled">我以阅读完毕
    <input type="submit" value="注册" disabled="disabled">
</body>
</html>